ClojureScript Project তৈরি এবং Compile করা

Computer Programming - ক্লোজার (Clojure) ClojureScript এবং Web Programming (ClojureScript and Web Programming) |

254

ClojureScript Project তৈরি এবং Compile করা

ClojureScript হল Clojure এর একটি বৈশিষ্ট্য যা JavaScript এ ট্রান্সপাইল করে, যা ব্রাউজারে বা Node.js এ চলতে পারে। ClojureScript এর মাধ্যমে আপনি ফ্রন্ট-এন্ড বা সার্ভার সাইড JavaScript অ্যাপ্লিকেশন তৈরি করতে পারবেন, সেই সাথে Clojure এর ফাংশনাল প্যারাডাইমে কাজ করে আরও পরিষ্কার এবং নির্ভরযোগ্য কোড লিখতে পারবেন।

ClojureScript প্রকল্প তৈরি এবং কম্পাইল করার জন্য পর্যায়ক্রমে কিছু ধাপ অনুসরণ করতে হবে:

১. ClojureScript প্রকল্প তৈরি করার জন্য Leiningen ব্যবহার করা

Leiningen একটি বিল্ড টুল যা Clojure এবং ClojureScript প্রোজেক্ট তৈরি ও পরিচালনা করার জন্য ব্যবহৃত হয়। প্রথমে, Leiningen ইনস্টল করা প্রয়োজন।

Leiningen ইনস্টলেশন:

Leiningen এর অফিসিয়াল ওয়েবসাইট থেকে ইনস্টলেশন নির্দেশাবলী অনুসরণ করুন।
ইনস্টল হয়ে গেলে, lein কমান্ড চালিয়ে আপনার প্রোজেক্ট সেটআপ করা যাবে।

২. ClojureScript প্রোজেক্ট তৈরি করা

Leiningen ব্যবহার করে ClojureScript প্রোজেক্ট তৈরি করতে, lein new কমান্ড দিয়ে একটি নতুন প্রোজেক্ট তৈরি করা হয়। এখানে আমরা একটি সিম্পল ClojureScript প্রোজেক্ট তৈরি করব।

Step 1: New Project তৈরি করা

lein new figwheel my-cljs-app

এখানে, figwheel একটি জনপ্রিয় ClojureScript বিল্ড টুল যা উন্নত ডেভেলপমেন্ট পরিবেশ এবং দ্রুত রিলোড ফিচার প্রদান করে।

এই কমান্ডটি একটি নতুন প্রোজেক্ট তৈরি করবে যার মধ্যে core.cljs ফাইল থাকবে, যেখানে আপনার ClojureScript কোড লেখা হবে।

Step 2: প্রোজেক্ট ফোল্ডার স্ট্রাকচার

আপনার প্রোজেক্টের ফোল্ডার স্ট্রাকচার হবে:

my-cljs-app/
├── project.clj
├── src/
│   └── my_cljs_app/
│       └── core.cljs
├── resources/
└── target/

src/: এখানে সমস্ত ClojureScript ফাইল থাকবে।
resources/: এখানে আপনার ওয়েবপেজ বা অ্যাসেট (যেমন HTML, CSS) রাখতে হবে।
target/: এখানে বিল্ড আউটপুট সংরক্ষিত হবে।

৩. ClojureScript কোড লেখা

এখন, src/my_cljs_app/core.cljs ফাইলটি ওপেন করুন এবং সেখানেই ClojureScript কোড লিখুন।

উদাহরণ: সিম্পল ClojureScript কোড

(ns my-cljs-app.core)

(defn greet []
  (js/alert "Hello, ClojureScript!"))

; এই ফাংশনটি ডকুমেন্ট লোড হলে কল হবে
(js/console.log "Welcome to ClojureScript")

এখানে, greet ফাংশনটি একটি ওয়েব পেজে alert দেখাবে এবং কনসোল এ একটি বার্তা প্রিন্ট করবে।

৪. প্রোজেক্ট কম্পাইল করা

এখন আপনি lein কমান্ড ব্যবহার করে আপনার ClojureScript প্রোজেক্ট কম্পাইল করতে পারবেন।

Step 1: Build এবং কম্পাইল করতে

lein figwheel

এই কমান্ডটি ClojureScript কোডটি কম্পাইল করবে এবং figwheel সার্ভার শুরু করবে, যাতে আপনি ব্রাউজারে দ্রুত পরিবর্তন দেখতে পাবেন।

lein figwheel চলানোর পর, আপনি একটি ওয়েব সার্ভারে অ্যাপ্লিকেশন দেখতে পারবেন। সাধারণত এটি http://localhost:3449 এ চলে আসে।

৫. HTML ফাইল তৈরি করা

এখন, একটি HTML ফাইল তৈরি করুন যা আপনার ClojureScript কোডকে লোড করবে। আপনি resources/public/index.html ফোল্ডারে একটি HTML ফাইল তৈরি করতে পারেন।

উদাহরণ: `resources/public/index.html`

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ClojureScript App</title>
</head>
<body>
  <h1>Hello, ClojureScript!</h1>
  <script type="text/javascript" src="/js/compiled/out.js"></script>
  <script type="text/javascript">
    my_cljs_app.core.greet();
  </script>
</body>
</html>

এই HTML ফাইলে ClojureScript ফাইলের আউটপুট /js/compiled/out.js লোড করা হচ্ছে এবং greet ফাংশনটি কল করা হচ্ছে।

৬. ফাইল মিনিফিকেশন (Optimization)

যদি আপনি প্রোজেক্টটি প্রোডাকশন পরিবেশে চালাতে চান, তবে মিনিফিকেশন এবং অপটিমাইজেশনের জন্য lein এর cljsbuild প্লাগইন ব্যবহার করতে হবে।

Step 1: `project.clj` ফাইলে `cljsbuild` কনফিগার করা

:cljsbuild {:builds [{:id "dev"
                      :source-paths ["src"]
                      :figwheel true
                      :compiler {:main my-cljs-app.core
                                 :asset-path "js/compiled/out"
                                 :output-to "resources/public/js/compiled/out.js"
                                 :output-dir "resources/public/js/compiled/out"}}]}

Step 2: প্রোডাকশন বিল্ড তৈরি করা

lein cljsbuild once min

এই কমান্ডটি আপনার কোড মিনিফাই করে এবং প্রোডাকশন রেডি বানিয়ে দিবে।

৭. ClojureScript এবং JavaScript Interoperability

ClojureScript সরাসরি JavaScript এর সাথে যোগাযোগ করতে সক্ষম। এটি আপনি js/ এর মাধ্যমে JavaScript ফাংশন কল করতে পারেন।

উদাহরণ: JavaScript এ কল করা

(js/alert "Hello from ClojureScript!")

এটি JavaScript এর alert ফাংশন কল করবে এবং ব্রাউজারে একটি পপ-আপ দেখাবে।

সারসংক্ষেপ

ধাপ	ব্যাখ্যা
প্রোজেক্ট তৈরি	`lein new figwheel my-cljs-app` কমান্ড ব্যবহার করে ClojureScript প্রোজেক্ট তৈরি করুন।
কোড লেখা	`src/my_cljs_app/core.cljs` ফাইলে ClojureScript কোড লিখুন।
কম্পাইল এবং চালানো	`lein figwheel` ব্যবহার করে ClojureScript কোড কম্পাইল এবং চালান।
HTML ফাইল তৈরি	`resources/public/index.html` ফাইলে HTML তৈরি করুন যা ClojureScript লোড করবে।
মিনিফিকেশন এবং অপটিমাইজেশন	`lein cljsbuild once min` ব্যবহার করে কোড অপটিমাইজ এবং মিনিফাই করুন।
JavaScript Interop	`js/` এর মাধ্যমে JavaScript ফাংশন কল করুন।

এই ধাপগুলো অনুসরণ করে আপনি ClojureScript ব্যবহার করে একটি ওয়েব অ্যাপ্লিকেশন তৈরি করতে পারবেন। ClojureScript এবং JavaScript এর মধ্যে পারস্পরিক যোগাযোগ নিশ্চিত করতে JavaScript ইন্টারঅপারেবিলিটি ব্যবহার করা হয়।

common.content_added_by

Md Azizur Rahman

common.read_more

ClojureScript কী এবং কেন প্রয়োজন React এবং Reagent এর সাথে ClojureScript এর ইন্টিগ্রেশন ClojureScript এর মাধ্যমে Web Application Development

ClojureScript Project তৈরি এবং Compile করা